<template>
	<view class="root">
		<u-search placeholder="日照香炉生紫烟" v-model="keyword" change search='search' blur='blur' focus clear='clear' click='click ' ></u-search>
<!-- 		<u-button plain :ripple="true" ripple-bg-color="#909399" @click='sanc' type="primary">扫一扫</u-button> -->
		<!-- <button @click='opne'>打开</button>
		<button @click='clos'>关闭</button> -->

		<!-- #ifdef H5 -->
		<!-- <web-view :src="url" @message="message" :webview-styles="webviewStyles"></web-view> -->
		<!-- #endif -->
		
	</view>
</template>

<script>
	export default {
		name: 'sacn',
		data() {
			return {
				keyword:'',
				url: "http://server1.miaoshare.com:7002/",
				webviewStyles: {
					color: '#FF3333',
					height: '80%'
				},
				nw: '',
			}
		},
		onLoad() {
			//#ifdef APP-PLUS
			// 扩展API加载完毕，现在可以正常调用扩展API 
				
				
						// #endif
		},
		//监听原生标题栏按钮点击事件，参数为Object
		onNavigationBarButtonTap(e){
			console.log('监听原生标题栏按钮点击事件，参数为Object',e);
		},
		//监听页面返回，
		onBackPress(){},
		//	监听原生标题栏搜索输入框输入内容变化事件
		onNavigationBarSearchInputChanged(){
			console.log('监听原生标题栏搜索输入框输入内容变化事件');
		},
		//监听原生标题栏搜索输入框搜索事件，用户点击软键盘上的“搜索”按钮时触发。
		onNavigationBarSearchInputConfirmed(){
			console.log('监听原生标题栏搜索输入框搜索事件，用户点击软键盘上的“搜索”按钮时触发');
		},
		//	监听原生标题栏搜索输入框点击事件
		onNavigationBarSearchInputClicked(){
			console.log('监听原生标题栏搜索输入框点击事件');
		},
		methods: {
			opne() {
				//#ifdef APP-PLUS
			// const hh = 	plus.webview.open('https://www.baidu.com/',
			// 		'selfsummer', {
			// 			top: '220px',
			// 			bottom: '0px',
			// 			additionalHttpHeaders: {
			// 				Referer: 'http://m.dcloud.io/'
			// 			},
			// 		},
			// 		"slide-in-top",
			// 		1000, {
			// 			popGesture: 'hide',
			// 			subNViews: [{
			// 				id: 'subnview1',
			// 				styles: {
			// 					top: '0px',
			// 					height: '100px',
			// 					backgroundColor: '#FF0000'
			// 				},
			// 				tags: [{
			// 					tag: 'font',
			// 					id: 'font',
			// 					text: '原生子View控件',
			// 					textStyles: {
			// 						size: '18px'
			// 					}
			// 				}]
			// 			}]
			// 		},
			// 		(error) => {
			// 			var code = error.code; // 错误编码
			// 			var message = error.message; // 错误描述信息
			// 		})


ws=plus.webview.currentWebview();
var ws=null,embed=null;
	embed=plus.webview.create('http://m.weibo.cn/u/3196963860', 'selfsummer', {top:'220px',bottom:'0px'});
	embed.show();
	
	embed.addEventListener('loaded', function(){
		console.log( "页面地址为："+embed.getURL(),embed.getTitle(), embed.getTitleNViewSearchInputText());
		
		// var canBack = event.canBack;
		// 	var canForward = event.canForward;
			
			
	}, false);
	embed.onloaded=()=>{
		console.log('webview加载完成',embed.onHistoryQuery);
		
		
	};
	
	embed.setPullToRefresh({support:true,
		height:'50px',
		range:'200px',
		contentdown:{
			caption:'下拉可以刷新'
		},
		contentover:{
			caption:'释放立即刷新'
		},
		contentrefresh:{
			caption:'正在刷新...'
		}
	},()=>{
		
		console.log(1111111111111111)
		// embed.loadURL('https://www.baidu.com/');
		embed.endPullToRefresh();
	});
	plus.nativeUI.toast('下拉可以刷新');
	
	setTimeout(()=>{
		// 加载新的地址
		embed.loadURL('https://www.baidu.com/');
	},5000)
	
	//前进到上次加载的页面
	setTimeout(()=>{
		// 加载新的地址
			//后退
			embed.back()
	},8000)
	


	setTimeout(()=>{
		//前进
			embed.forward();
	},10000)

				// plus.webview.show('selfsummer', 'slide-in-right', 300, (data) => {
				// 		console.log('*****', data);
				// 			});
							
				// 			console.log(hh);
				
					
					
					
						// #endif
					},
					clos() {
						plus.webview.close('selfsummer');

					},
					sanc() {
						setTimeout(() => {
							this.url = 'https://pic.sogou.com/'
						}, 2000)

						uni.scanCode({
							success: (res) => {
								const {
									scanType,
									path,
									charSet,
									result
								} = res;
								console.log(JSON.stringify(res));

								try {
									if (scanType === 'QR_CODE' && result.startsWith('http://') || result
										.startsWith(
											'https://')) {
										this.creationWebivew(result)
										console.log('条码内容：' + result, this.url);
									}
									// this.url = scanData
								} catch (e) {
									//TODO handle the exception
								}

							}
						});

					},
					message(e) { //接收html发回来的消息判断是否成功，然后跳转页面
						console.log('接收html发回来的消息判断是否成功，然后跳转页面', e.detail)
						//                 uni.switchTab({
						//                     url: '/pages/member/user'
						//                 });
					},
					creationWebivew(url) {
						try {
							// new URL(url);
							//#ifdef APP-PLUS




							plus.webview.open(url,
								'selfsummer', {
									top: '110px',
									bottom: '0px',
									additionalHttpHeaders: {
										Referer: 'http://m.dcloud.io/'
									},
								},
								"slide-in-top",
								1000,
								(error) => {
									var code = error.code; // 错误编码
									var message = error.message; // 错误描述信息
								})


							// 	plus.webview.show('selfsummer', 'slide-in-right', 300, (data)=>{
							// 	console.log('*****',data);

							// 	});
							// #endif

						} catch (e) {
							//TODO handle the exception
						}
					}
				}
			}
</script>

<style>
</style>
